page{
  background-color: rgb(247,247,247);
}
.ulbox {
	padding: 0 10px;
	overflow: auto;
	.ul {
		margin: 14px 0;
		padding: 10px;
		box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 10px;
	
		.title {
			font-size: 15px;
			font-weight: 700;
			margin: 5px 0;
		}
	
		.text {
			font-size: 12px;
			line-height: 15px;
			margin-top: 5px;
			color: #606266;
		}
		padding-top: 10px;
	
		.li {
			display: flex;
      flex-direction: column;
			border-radius: 10px;
		  width: 100%;
      .li_head{
        display: flex;
        .li_left {
          width: 95px;
          height: 100%;
          padding: 5px;
          image{
            width:83px;
            height:88px;
            border-radius: 5px;
          }
        }
        .li_right {
          width: 100%;
          font-size: 14px;
          padding: 5px;
          height: 100%;
          .content{
            margin: 10px 0 10px 0;
            color: #9E9E9E;
            line-height: 24px;
          }
    
          .li_right_btn {
            border-radius: 5px;
            font-size: 12px;
            width: 54px;
            height: 24px;
            line-height: 24px;
            background: rgb(2, 117, 113);
            color: #fff;
            text-align: center;
            position: absolute;
            right: 9px;
            bottom: 6px;
          }
          .li_right__num{
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            font-size: 15px;
          }
          .input{
            line-height: 30px;
          }
        }
      }
      .li_foot{
        padding:10px 0;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        justify-content: space-between;
      }
		}
	}
}
